<template>
	<div>
		我是子组件
		{{ count }}
		<button v-on:click="reduce">递减</button>
		<br />
		<h2 v-text="str"></h2>
		<button @click="reName">切换嚣张、跋扈</button>
	</div>
</template>
<script>
export default {
	// 父传子
	props: ['count', 'str'],
	methods: {
		reName() {
			this.$emit('update:str', this.str === '嚣张' ? '跋扈' : '嚣张')
			// update(str,'跋扈')
		},
		reduce() {
			// 子传父
			this.$emit('setCount', this.count - 1)
		},
	},
}
</script>